<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华夏·鉴 - 人物志</title>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/about.css">
</head>
<body>
    <nav class="main-nav">
        <a href="index.html">首页</a>
        <a href="about.html" class="active">人物志</a>
        <a href="portfolio.html">学业坊</a>
        <a href="timeline.html">千秋纪</a>
        <a href="guestbook.html">访客阁</a>
    </nav>

    <main class="content-wrapper about-page">
        <canvas id="about-bg-canvas" style="position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:0;pointer-events:none;"></canvas>
        <section id="bamboo-resume" class="bamboo-resume-section">
            <h2 class="section-title">青史鉴</h2>
            <div id="bamboo-container" class="bamboo-container-2d">
                <!-- 2D Bamboo slips will be rendered here by JavaScript -->
            </div>
            <div class="interaction-tip">可悬停或拖动竹简，体验古风简历。</div>
        </section>
        <div class="section-divider"></div>
        <section id="skill-radar" class="skill-radar-section">
            <h2 class="section-title">司南技</h2>
            <div id="radar-chart-container">
                <!-- D3.js skill radar chart will be rendered here -->
            </div>
            <div class="interaction-tip">点击或悬停星宿节点，查看技能亮点。</div>
        </section>
    </main>

    <footer class="site-footer">
        <p>
            &copy; 2025 俊哥·鉴
        </p>
    </footer>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.8.5/d3.min.js"></script>
    <script src="js/data.js"></script>
    <script src="js/about.js"></script>
</body>
</html> 